﻿<style>
    body{background:#ebecee}
    .list{margin-top: 10px;background: #fff;}
    .list ul{margin-left: 50px;}
    .list ul li{list-style: none;height: 40px;}
    .list ul li a {position: relative;border-bottom: none;height: 40px;line-height: 40px;}
    .list ul li a .icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: -30px;
    top: 8px;
}
    .list ul li a .icon>img {
    width: 100%;
    height: 100%;
}
.ad{
    width: 100%;
    height: 150px;
}
.list ul li .fa_right {
    color: #8A8A8A;
}
.list ul li .fa_right {
    float: right;
    font-size: 25px;
    color: #d6d8d7;
    margin-right: 10px;
    margin-top: -40px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
</style>
<!-- <img src="/Images/build.png" style="width:220px;height:auto;margin-left:-110px;left:50%;position:absolute;margin-top:30%;" /> -->
<!-- <div style="height:60px;"></div> -->
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_1.png"></div>
                <p>社交圈</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_2.png"></div>
                <p>WSD商店</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_3.png"></div>
                <p>WSD交易所</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_4.png"></div>
                <p>摩拜单车</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/ic_ofo.png"></div>
                <p>OFO</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_5.png"></div>
                <p>小蓝单车</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_6.png"></div>
                <p>WSD挖矿</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/tank.png"></div>
                <p>坦克大战</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_7.png"></div>
                <p>超级玛丽</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_8.jpg"></div>
                <p>魂斗罗</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/index_9.png"></div>
                <p>合作应用服务</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="list">
    <ul>
        <li>
            <a href="">
                <div class="icon"><img src="../../Images/FindIcons/map.jpg"></div>
                <p>WSD地图</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="ad">
        <ul>
            <li>
                <a href="">
                    <div ><img src="../../Images/FindIcons/ad.jpg"></div>
                </a>
            </li>
        </ul>
    </div>
<script type="text/javascript">
    var pagedata = {
        request: null,
        screen: {
            header_display: true,
            header_title_name: "发现",
            header_exit_name: "返回",
            header_exit_click: function () {
                mview.view.load('/views/home/main.html');
            },
            footer_display: true,
            footer_choose: "home"
        },
        data: {
            message: '敬请期待'
        },
        methods: {
        }
    }
    mview.view.chlid.init(pagedata);
</script>